<template>
<view>
	<view class="main-bg2-color text-white d-flex a-center p-3 m-3" style="height: 131rpx;border-top-left-radius: 25rpx;border-top-right-radius: 25rpx;">
          <view class="span24-8 j-center a-center d-flex flex-column">
          	<view class="">2562单</view>
			<view class="">贷款中</view>
          </view>
		  <view class="span24-8 j-center a-center d-flex flex-column">
		  	<view class="">35625单</view>
		  	<view class="">贷款完成</view>
		  </view>
		  <view class="span24-8 j-center a-center d-flex flex-column">
		  	<view class="">2.6W</view>
		  	<view class="">贷款总额</view>
		  </view>
	</view>
	
    <view class="nav row j-center m-2 main-bg3-color">
        <view class="nav_item span-4 j-center a-center d-flex flex-column py-2 ">
            <view class="iconfont icon-huangguan j-center a-center d-flex flex-column"></view>
			<text class="font-sm">首页</text>
		</view>
		<view class="nav_item span-4 j-center a-center d-flex flex-column py-2">
			<view class="iconfont icon-huangguan j-center a-center d-flex flex-column"></view>
			<text class="font-sm">客户</text>
		</view>
		<view class="nav_item span-4 j-center a-center d-flex flex-column py-2">
			<view class="iconfont icon-huangguan j-center a-center d-flex flex-column"></view>
			<text class="font-sm">网点</text>
		</view>
		<view class="nav_item span-4 j-center a-center d-flex flex-column py-2">
			<view class="iconfont icon-huangguan j-center a-center d-flex flex-column"></view>
			<text class="font-sm">项目</text>
		</view>
		<view class="nav_item span-4 j-center a-center d-flex flex-column py-2">
			<view class="iconfont icon-huangguan j-center a-center d-flex flex-column"></view>
			<text class="font-sm">评测</text>
		</view>
		<view class="nav_item span-4 j-center a-center d-flex flex-column py-2">
			<view class="iconfont icon-huangguan j-center a-center d-flex flex-column"></view>
			<text class="font-sm">提成</text>
		</view>
		<view class="nav_item span-4 j-center a-center d-flex flex-column py-2">
			<view class="iconfont icon-huangguan j-center a-center d-flex flex-column"></view>
			<text class="font-sm">员工</text>
		</view>
		<view class="nav_item span-4 j-center a-center d-flex flex-column py-2">
			<view class="iconfont icon-huangguan j-center a-center d-flex flex-column"></view>
			<text class="font-sm">员工</text>
		</view>
		<view class="nav_item span-4 j-center a-center d-flex flex-column py-2">
			<view class="iconfont icon-huangguan j-center a-center d-flex flex-column"></view>
			<text class="font-sm">流程</text>
		</view>
		<view class="nav_item span-4 j-center a-center d-flex flex-column py-2">
			<view class="iconfont icon-huangguan j-center a-center d-flex flex-column"></view>
			<text class="font-sm">公司</text>
		</view>
    </view>
	
    <view class=" main-bg3-color text-dark  p-3 m-3" style="height: 450rpx;">
		<view class="d-flex">
			<view class="iconfont icon-huangguan j-center a-center d-flex flex-column" style="height: 50upx;width: 50upx;"></view>
			<view class="font-md mx-2">数据情况</view>
		</view>

		<view class="row">
			<view class="span-10 pt-2 pb-5">
				<view class="font">今日访客</view>
			    <view class="font-lg">126人</view>
				<view class="font-sm">较昨日 5%</view>
			</view>
			<view class="span-10 pt-2 pb-5">
				<view class="font">今日评测</view>
			    <view class="font-lg">126人</view>
				<view class="font-sm">较昨日 5%</view>
			</view>
			<view class="span-10 pt-4">
				<view class="font">今日预约</view>
			    <view class="font-lg">126人</view>
				<view class="font-sm">较昨日 5%</view>
			</view>
			<view class="span-10 pt-4">
				<view class="font">新增贷款</view>
			    <view class="font-lg">126人</view>
				<view class="font-sm">较昨日 5%</view>
			</view>
		</view>
    </view>
</view>
	
</template>

<script>
</script>

<style lang="scss">
	.nav{
		.nav_item{
			view{
				width: 90rpx;
				background-color: #E14F51;
				height: 90rpx;
				border-radius: 60rpx;
				margin: 10px auto;
				line-height: 120rpx;
				color: #fff;
				font-size: 50rpx;
			}
		}
	}
</style>
